Navigation bar XR 導航欄

Usage  用法

在 Full Space 中,導航欄可呈現於軌道器內,以營造更沉浸的體驗。目前,如軌道器等空間功能僅在 Full Space 中可用。在 Home Space 中,則採用與主體內容同一平面的常規導航欄,模擬 2D 體驗。

從 2D 體驗過渡到 3D 體驗時,導航欄的行為和位置發生變化

Behavior  行為

導航欄總是顯示在空間面板的底部中間位置。當頁面佈局改變或內容更新時,導航欄會自動調整位置。這樣設計是為了讓使用者隨時都能輕鬆找到並使用導航功能。

導航欄軌道器應位於其控制的空間面板底部中央,以實現響應式、情境化和可訪問的導航

Placement  放置位置

Navigation context  導航上下文

導航欄位置需要根據其用途來決定:如果是整個應用都會用到的功能(比如主選單),導航欄應該放在邊緣位置。如果只是某個特定區域使用的功能,導航欄應該直接放在該區域內

無論是將導航欄放在面板上方還是旁邊,都要保持20dp的間距,這樣看起來更清晰。

根據上下文定位導航欄軌道器:全域性操作時偏移,空間面板特定操作時內嵌

Inset positioning  內嵌定位

不要遮擋內容。為確保佈局平衡且不雜亂,導航欄軌道器應與空間面板重疊 12dp,且不超過其高度的一半

× 避免導航欄軌道嵌入部分重寫超過高度的一半

Horizontal alignment 水平對齊

導航欄軌道器的位置不應超過相鄰空間面板的寬度。

× 導航欄軌道器不應超過空間面板的寬度

Spatial panel alignment  空間面板對齊

導航欄應固定在底部,並確保使用者能隨時看到它。這樣設計可以讓使用者更容易使用,也讓不同裝置上的體驗保持一致。

不要把導航欄放在頂部,因為頂部空間需要留給應用欄和其他重要功能按鈕。

× 不要將導航欄軌道器放置在空間面板的頂部。將其置於視野的底部,以保持可用性並最小化互動努力。